<template>
  <div id="InnerDrawer">
    <el-drawer :append-to-body="true"
               class="inner_drawer"
               :visible.sync="innerDrawer"
               size="600px">
      <template slot="title">
        <div style="line-height: 58px">
          <el-button type="text"
                     class="returnBtn">
            <i class="el-icon-back"></i>
            返回
          </el-button>
          <span style="margin-left: 10px; color: black">入住人信息</span>
        </div>
      </template>
      <div class="inner_body">
        <div class="time"
             style="padding-left: 24px; padding-right: 24px; background: #f2f3f6">
          <span class="text-tip">入住时间：02-22</span>
          <span class="text-tip"
                style="max-width: 200px; word-break: break-all">101/豪华大床房</span>
          <span class="text-tip">¥2000.00</span>
        </div>
        <span style="margin-left: 20px">入住人姓名必填</span>
        <el-form ref="form"
                 :model="innerForm">
          <div class="inner-info">
            <el-input class="name"
                      v-model="innerForm.name"></el-input>
            <el-input class="phone"
                      v-model="innerForm.phone"></el-input>
            <el-select v-model="innerForm.card"
                       placeholder="请选择">
              <el-option v-for="item in card"
                         :key="item.value"
                         :label="item.label"
                         :value="item.value">
              </el-option>
            </el-select>
            <el-input class="id"
                      v-model="innerForm.phone"></el-input>
          </div>
        </el-form>
      </div>
    </el-drawer>
  </div>
</template>

<script>
export default {
  data () {
    return {
      innerForm: {
        name: '',
        phone: '',
        card: '',
        id: ''
      },
      innerDrawer: false,
      card: [
        {
          value: '选项1',
          label: '身份证'
        },
        {
          value: '选项2',
          label: '通行证'
        }
      ],
    }
  }
}
</script>

<style>
</style>